<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
		<style type="text/css">
			.info-title {
				color: white;
				font-size: 14px;
				background-color: blue;
				line-height: 26px;
				padding: 0px 0 0 6px;
				font-weight: lighter;
				letter-spacing: 1px
			}
			
			.info-content {
				font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
				padding: 4px;
				color: #666666;
				line-height: 23px;
			}
			
			.info-content img {
				float: left;
				margin: 3px;
			}
		</style>
		<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=您申请的key值&plugin=AMap.AdvancedInfoWindow"></script>
		<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
		<!--icon-->
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_666967_j5dm8ezlac3di.css">
		<link rel="stylesheet" href="css/exchangeAddr.css">
		<title>兑换地点</title>
	</head>

	<body>
		<div class="web">
			<div class="map">
				<div id="container"></div>
				<div class="button-group">
					<input type="button" class="button" value="信息窗体1" onclick="infowindow1.open(map,lnglat)" />
				</div>
			</div>
			<div class="text">
				<p>赶紧前往张裕白兰地线下兑换点</p>
				<p>领取婚宴定值囍酒套装限量好礼！</p>
			</div>
			<!-- home -->
			<div class="homebtn">
				<a href="index.html">
					<i class="iconfont icon-fangzi"></i>
				</a>
			</div>
		</div>
		<!--显示地图-->
		<script type="text/javascript">
			var lnglat = [116.473188, 39.993253];
			var map = new AMap.Map('container', {
				resizeEnable: true,
				center: lnglat,
				zoom: 15
			});
			var marker = new AMap.Marker({
				position: lnglat
			});
			marker.setMap(map);

			var content = '<div class="info-title">高德地图</div><div class="info-content">' +
				'<img src="http://webapi.amap.com/images/amap.jpg">' +
				'高德是中国领先的数字地图内容、导航和位置服务解决方案提供商。<br/>' +
				'<a target="_blank" href = "http://mobile.amap.com/">点击下载高德地图</a></div>';
			var infowindow1 = new AMap.AdvancedInfoWindow({
				content: content,
				offset: new AMap.Pixel(0, -30)
			});
		</script>
	</body>

</html>